<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scale=no, minimum-scale=1.0, maximum-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <!-- <link rel="stylesheet" href="css/normalize.css"> -->
</head>
<body>
    <header class="app">
      <ul>
          <li>
              <img src="images/de.png" alt="">
          </li>
          <li>
              <img src="images/logo.jpg" alt="">
            </li>
          <li>打开京东APP，购物更轻松</li>
          <li>立即打开</li>
      </ul>
    </header>
    <div class="search-warp">
        <div class="search-btn"></div>
        <div class="search">
            <div class="jd-icon"></div>
            <div class="sou"></div>
        </div>
        <div class="search-login">登录</div>
    </div>
    <!-- 主题内容 -->
    <div class="main-content">
        <div class="slider">
            <img src="update/bnner.jpg.dpg" alt="">
        </div>
        <div class="banner">
            <a href="#">
                <img src="update/banner1.png" alt="">
            </a>
            <a href="#">
                <img src="update/banner2.gif" alt="">
            </a>
            <a href="#">
                <img src="update/banner3.png" alt="">
            </a>
        </div>
        <div class="shop">
          <a href="#">
              <img src="update/shop1.png" alt="">
              <span>京东超市</span>
          </a>
          <a href="#">
            <img src="update/shop2.png" alt="">
            <span>数码电器</span>
        </a>
        <a href="#">
            <img src="update/shop3.png" alt="">
            <span>京东服饰</span>
        </a>
        <a href="#">
            <img src="update/shop4.png" alt="">
            <span>京东生鲜</span>
        </a>
        <a href="#">
            <img src="update/shop5.png" alt="">
            <span>京东到家</span>
        </a>
        <a href="#">
            <img src="update/shop6.png" alt="">
            <span>充值缴费</span>
        </a>
        <a href="#">
            <img src="update/shop7.png" alt="">
            <span>9.9元拼</span>
        </a>
        <a href="#">
            <img src="update/shop8.png" alt="">
            <span>领券</span>
        </a>
        <a href="#">
            <img src="update/shop9.png" alt="">
            <span>借钱</span>
        </a>
        <a href="#">
            <img src="update/shop10.png" alt="">
            <span>PLUS会员</span>
        </a>
        </div>
        <div class="opa">
            <a href="#">
                <p>正品直邮</p>
                <img src="update/opa1.jpg.dpg" alt="">
            </a>
            <a href="#">
                <span>来电好货</span>
                <p>3C大放价</p>
                <img src="update/opa2.jpg.dpg" alt="">
            </a>
            <a href="#">
                <span>国潮风尚</span>
                <p>国货正当时</p>
                <img src="update/opa3.jpg.dpg" alt="">
            </a>
            <a href="#">
                <p>都是你爱的</p>
                <img src="update/opa4.jpg.dpg" alt="">
            </a>
        </div>
    </div>
</body>
</html>